<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>${_title}</title>

    <!-- Bootstrap core CSS -->

    <link href="${_css}/bootstrap.min.css" rel="stylesheet">

    <link href="${_font}/css/font-awesome.min.css" rel="stylesheet">
    <link href="${_css}/animate.min.css" rel="stylesheet">

    <!-- Custom styling plus plugins -->
    <link href="${_css}/custom.css" rel="stylesheet">
    <link href="${_css}/icheck/flat/green.css" rel="stylesheet">
    <link href="${_css}/datatables/tools/css/dataTables.tableTools.css" rel="stylesheet">
    <link rel="stylesheet" href="${_css}/base.css">
    <script src="${_js}/jquery.min.js"></script>
    <script type="text/javascript" src="${_front_js}/jquery.page.js"></script>
    <script src="${_js}/resize.js"></script>
	<style>
		td a{
			cursor:pointer
		}
	</style>
</head>

<body style="background: #F7F7F7;">
<div class="">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
	                <div class="x_title">
	                    <h2>担保方列表</h2>
	                    <div class="clearfix"></div>
	                </div>
	                
                    <div class="pull-right">
                    	<button id="query" type="button" class="btn btn-info">查询</button>
                    	<button id="send" type="button" class="btn btn-success" data-toggle="modal" data-target=".add-recharge">添加</button>
                    </div>
                    <form class="form-horizontal form-label-left input_mask" style="margin-left: -10px;">
                    	<div class="col-md-2 col-sm-2 col-xs-6 form-group has-feedback">
                            <input type="text" class="form-control has-feedback-left" id="name" value="<#if name?exists>${name}</#if>"
                            placeholder="输入公司名">
                            <span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
                        </div>
                     </form>
                    <div class="clearfix"></div>
                </div>
                <div class="scroll">
                <div class="x_content">
                    <table id="example" data-action="/admin/guarantee/list?1=1" class="table table-striped responsive-utilities jambo_table">
                        <thead>
                            <tr class="headings">
                                <th>
                                    <input type="checkbox" class="tableflat">
                                </th>
                                <th>序号 </th>
                                <th>公司名</th>
                                <th class="no-link last">
                                	<span class="nobr">操作</span>
                                </th>
                            </tr>
                        </thead>
						<tbody>
							<#if (pageInfo.pageList?size > 0)>
								<#list pageInfo.pageList as item>
									<tr class="even pointer">
										<td class="a-center ">
		                                    <input type="checkbox" class="tableflat">
		                                </td>
		                                <td>
		                                	${item_index+1}
		                                </td>
		                                <td>
		                                	${item.name!}
		                                </td>
		                                <td>
		                                	<a href="/admin/guarantee/setting?id=${item.id}" >修改</a>&nbsp&nbsp&nbsp&nbsp
		                                	<a href="#" class="delete-item" data-toggle="modal" data-target=".add-delete-item" id="${item.id}">删除</a>
		                                </td>
									</tr>
								</#list>
							<#else>
							<tr class="even pointer">
									<td colspan="11">无记录</td>
								</tr>
							</#if>
						</tbody>
                        
                    </table>
                    <#if (pageInfo.pageList?size > 0)>
	                	<#include "../base/Page.ftl">
	                </#if>
                </div>
                </div>
            </div>
        <br />
    </div>
</div>
<!--确定删除 -->
<div class="modal fade bs-example-modal-sm add-delete-item" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm about-bank">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="myModalLabel2">确定删除</h4>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary check-submit delete-item-submit">确定</button>
            </div>
        </div>
    </div>
</div>
 
<script src="${_js}/bootstrap.min.js"></script>

<!-- bootstrap progress js -->
<script src="${_js}/progressbar/bootstrap-progressbar.min.js" type="text/javascript"></script>
<script src="${_js}/nicescroll/jquery.nicescroll.min.js" type="text/javascript"></script>
<!-- icheck -->
<script src="${_js}/icheck/icheck.min.js" type="text/javascript"></script>
<script src="${_js}/custom.js" type="text/javascript"></script>

<!-- PNotify -->
<script src="${_js}/notify/pnotify.core.js" type="text/javascript"></script>
<script src="${_js}/notify/pnotify.buttons.js" type="text/javascript"></script>
<script src="${_js}/notify/pnotify.nonblock.js" type="text/javascript" ></script>

<!-- daterangepicker -->
<script type="text/javascript" src="${_js}/datepicker/moment.min2.js"></script>
<script type="text/javascript" src="${_js}/datepicker/daterangepicker.js"></script>
<script type="text/javascript" src="${_front_js}/date.js"></script>
<script type="text/javascript" src="${_front_js}/layer/layer.js"></script>
<script type="text/javascript">

		//加载扩展模块
		layer.config({
		    extend: 'extend/layer.ext.js'
		});
		
    $(document).ready(function () {
    	//var nowDate = new Date();
    	//var year = formatYearDate(nowDate);
    	//var month = formatMonthDate(nowDate);
    	//var day = formatDayDate(nowDate);
    	//$("#reservation").attr("value","12/01/2015 - "+month+"/"+day+"/"+year);
        $('#reservation').daterangepicker(null, function (start, end, label) {
            //console.log(start.toISOString(), end.toISOString(), label);
        });
    });
</script>

<script type="text/javascript">
    $(document).ready(function(){
        $('input.tableflat').iCheck({
            checkboxClass: 'icheckbox_flat-green',
            radioClass: 'iradio_flat-green'
        });
    });
    
    //绑定发布事件--跳转到发布页面
    $(".btn-success").click(function(){
    		window.location.href="/admin/guarantee/setting";
    	});
    
    //给查询绑定事件
    $(".btn-info").click(function(){
		initData($("#example").attr('data-action'));
	});
    
    //查询方法
    function initData(action) { 
    	var name = $.trim($("#name").val());
    	if(name != ""){
    		action += "&name="+name;
    	}
		window.location.href=encodeURI(encodeURI(action));
	} 
    
    /** 删除记录 **/
    var recordId;
    $(".delete-item").click(function(){
    	recordId = $(this).attr('id');
    });
    $(".delete-item-submit").click(function(){
    	$.ajax({
            type: 'POST',
            dataType: 'JSON',
            async:'false',
            url: '/admin/guarantee/delete',
            data: {"id":recordId},
            success: function(result){
       			if(result.code == 1){
       				new PNotify({
		            	title: '操作提示',
		            	text:  result.msg,
		            	delay: 3e3,
		            	type: 'success'
		        	});
		        	$(".btn-info").click();//刷新页面
       			}else{
       				new PNotify({
		            	title: '操作提示',
		            	text:  result.msg,
		            	delay: 3e3,
		            	type: 'error'
		        	});
       			}
          	}
	    })		
    });
    
</script>

</body>

</html>